<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>关于我们</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- Place favicon.ico in the root directory -->
    <link rel="shortcut icon" type="image/x-icon" href="images/logo/favicon.ico">
    <link rel="apple-touch-icon" href="images/logo/apple-touch-icon.png">
    

    <!-- All css files are included here. -->
    <!-- Bootstrap fremwork main css -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- This core.css file contents all plugings css file. -->
    <link rel="stylesheet" href="css/core.css">
    <!-- Theme shortcodes/elements style -->
    <link rel="stylesheet" href="css/shortcode/shortcodes.css">
    <!-- Theme main style -->
    <link rel="stylesheet" href="style.css">
    <!-- Responsive css -->
    <link rel="stylesheet" href="css/responsive.css">

    <!-- Style customizer (Remove these two lines please) -->
    <link rel="stylesheet" href="css/style-customizer.css">
    <link href="#" data-style="styles" rel="stylesheet">
    
    <!-- User style -->
    <link rel="stylesheet" href="css/custom.css">


    <!-- Modernizr JS -->
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
    <!--[if lt IE 8]>
        <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->  

    <!-- Body main wrapper start -->
    <div class="wrapper">
        <!-- Start of Header Top Area -->
        <header id="header-content">
            <!-- Start Header Top -->
            <div class="header-top-area bg-theme">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
                            <ul class="header-left">
                                <li>Call Us Today! 2.123.123.123</li>
                                <li><a href="mailto:info@gmail.com" target="_top">info@gmail.com</a></li>
                            </ul>
                        </div>
                        <div class="col-md-6 col-lg-6 col-sm-6 col-xs-12">
                            <div class="header-right">
                                <ul class="social-icon">
                                    <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-tumblr"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                    <li><a href="#"><i class="zmdi zmdi-dribbble"></i></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- End Header Top -->
            <!-- Start of mainmenu area -->
            <div id="sticky-header-with-topbar" class="header-bottom-area bg-white height-100  transparent-header hidden-xs">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-12">
                            <div class="logo f-left sm-center">
                                <a href="index.html">
                                    <img src="images/logo/tasfiu.png" alt="logo image">
                                </a>
                            </div>
                        </div>
                        <div class="col-md-9 col-sm-12">
                            <div class="mainmenu-container">
                                <ul class="main-menu">
                                    <li class="drop"><a href="index.html">首页</a> 
                                         <!-- <ul class="dropdown">
                                            <li class="drop"><a href="index-animation-text.html">animation</a>
                                                <ul class="dropdown level2">
                                                    <li><a href="index-animation-text.html">Animation Style - 1</a></li>
                                                    <li><a href="index-animation-text-2.html">Animation Style - 2</a></li>
                                                    <li><a href="index-animation-text-3.html">Animation Style - 3</a></li>
                                                </ul>
                                            </li>
                                            <li><a href="index-parallax-bg.html">parallax bg</a>
                                            </li>
                                            <li><a href="index-youtube-video-bg.html">youtube vedio bg</a></li>
                                            <li><a href="index-youtube-vedio-2.html">youtube vedio bg overlay</a></li>
                                        </ul> -->
                                    </li>
                                    <li><a href="about.html">关于我们</a></li>
                                    <li><a href="our-work.html">应用方向</a></li>
                                    <li class="drop"><a href="blog-page.html">产品案例</a>
                                        <!-- <ul class="dropdown">
                                            <li><a href="blog-four-column.html">blog four column</a></li>   
                                            <li><a href="blog-three-column.html">blog three column</a></li>
                                            <li><a href="blog-two-column.html">blog two column</a></li>
                                        </ul> -->
                                    </li>
                                    <li class="drop"><a href="#">下载使用</a>
                                            <!-- <ul class="dropdown">
                                            <li class="drop"><a href="blog-details.html">blog details</a>
                                                <ul class="dropdown smright">
                                                    <li><a href="blog-both-sidebar.html">blog both sidebar</a></li>
                                                    <li><a href="blog-details-full-width.html">blog details full width</a></li>
                                                    <li><a href="blog-left-sidebar.html">blog left sidebar</a></li>
                                                    <li><a href="blog-right-sidebar.html">blog right sidebar</a></li>
                                                </ul>
                                            </li>   
                                           
                                            <li><a href="single-portfolio.html">Single Portfolio</a></li>
                                            <li><a href="brand.html">brand</a></li>
                                            <li><a href="about.html">our service</a></li>
                                            <li><a href="our-team.html">our team</a></li>
                                            <li><a href="our-work.html">our work</a></li>
                                            <li><a href="testimonial.html">testimonial</a></li>
                                            <li><a href="progress-bars.html">progress bars</a></li>
                                        </ul> -->
                                    </li>
                                    <li><a href="contact.html">联系我们</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    <!-- Mobile-menu-area start -->
            <div class="mobile-menu-area hidden-md hidden-lg hidden-sm">
                <div class="fluid-container mobile-menu-container">
                    <div class="mobile-logo"><a href="index.html"><img src="images/logo/2.png" alt="Mobile logo"></a></div>
                    <div class="mobile-menu clearfix">
                        <nav id="mobile_dropdown">
                            <ul>
                                <li><a href="index.html">首页</a>
                                     <!-- <ul>
                                        <li><a href="index-animation-text-2.html">animation text 2</a></li>
                                        <li><a href="index-animation-text-3.html.html">animation text 3</a></li>
                                        <li><a href="index-parallax-bg.html.html">parallax bg</a></li>
                                        <li><a href="index-youtube-video.html">youtube video bg overlay</a></li>
                                        <li><a href="index-youtube-video-2.html">youtube video 2</a></li>
                                    </ul> -->
                                </li>
                                   <li><a href="about.html">关于我们</a>
                                      <!-- <ul>
                                        <li><a href="blog-page.html">blog pages</a>
                                            <ul>
                                                <li><a href="blog-four-column.html">blog four column</a></li>
                                                <li><a href="blog-three-column.html">blog three column</a></li>
                                                <li><a href="blog-two-column.html">blog two column</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="blog-details.html">blog details</a>
                                            <ul>
                                                <li><a href="blog-details-both-sidebar.html">blog details both sidebar</a></li>
                                                <li><a href="blog-details-full-width.html">blog details full width</a></li>
                                                <li><a href="blog-details-left-sidebar.html">blog details left sidebar</a></li>
                                                <li><a href="blog-details-right-sidebar.html">blog details right sidebar</a></li>
                                            </ul>
                                        </li>
                                    </ul> -->
                                </li>
                               <li><a href="our-work.html">应用方向</a>
                                     <!-- <ul>
                                        <li><a href="about.html">ABOUT US</a></li>
                                        <li><a href="about-2.html">ABOUT US 2</a></li>
                                        <li><a href="portfolio.html">PORTFOLIO</a></li>
                                        <li><a href="brand.html">brand</a></li>
                                        <li><a href="about.html">our service</a></li>
                                        <li><a href="our-team.html">our team</a></li>
                                        <li><a href="our-work.html">our work</a></li>
                                        <li><a href="progress-bars.html">progress bars</a></li>
                                        <li><a href="testimonial.html">testimonial</a></li>
                                        <li><a href="single-portfolio.html">Single Portfolio</a></li>
                                    </ul> -->
                                </li>
                                <li><a href="blog-page.html">产品案例</a>
                                </li>
                                <li><a href="contact.html">联系我们</a>
                                </li>
                            </ul>
                        </nav>
                    </div>  
                </div>
            </div>
            <!-- Mobile-menu-area end --> 
        </header>
        <!-- End of Header Top Area -->
        <!-- Start Bradcaump area -->
        <div class="tf-bradcaump-area sbg-3" data-black-overlay="8">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="bradcaump-wrap text-center">
                            <h2 class="bradcaump-title">跃实工作室</h2>
                            <nav class="bradcaump-inner">
                              <!-- <a class="breadcrumb-item" href="index.html">Home</a>
                              <span class="brd-separetor">/</span> -->
                              <span class="breadcrumb-item active">踊跃务实</span>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Bradcaump area -->
        <!-- Start of About Area -->
        <div class="our-about-us-area pt-50 bg-white">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12 pt-40">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="section-title text-left">
                                    <h2 class="title-line">ABOUT US</h2>
                                    <p>Lorem Ipsum is simply dummy text of the printing</p>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="about-detail">
                                    <p class="ad-first-pra">我们是一家专注于宠物智能电子项圈的公司，致力于为宠物主人提供更好的宠物管理和保护解决方案。
                                        我们的主要业务是设计、开发和销售高品质的宠物智能电子项圈。这些项圈采用先进的技术，如GPS定位、健康监测和活动追踪等功能，帮助宠物主人实时掌握宠物的位置、健康状况和活动情况。我们致力于提供可靠、安全和易于使用的产品，让宠物主人能够更好地照顾和保护自己的宠物。
                                        除了宠物智能电子项圈，我们还有着远大的后期目标，即拓展到畜牧业领域。我们希望通过技术创新和解决方案的提供，为畜牧业提供更高效、智能化的管理工具。</p>
                                    <p class="ad-second-pra">我们相信，通过将先进的技术与畜牧业相结合，可以提高养殖效率、改善动物福利，并为农民提供更好的决策支持。
                                        我们的团队由一群充满激情和经验丰富的专业人士组成，他们在宠物和畜牧领域拥有深厚的知识和专业技能。我们致力于不断创新和改进，以满足客户的需求，并为行业带来积极的变革。
                                        感谢您对我们公司的关注！无论您是宠物主人还是畜牧业从业者，我们都希望能够与您合作，为您提供最佳的解决方案，共同推动宠物和畜牧领域的发展。</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-5 col-md-offset-1 col-lg-5 col-lg-offset-1 col-sm-12 col-xs-12">
                        <div class="about-img">
                            <img src="images/others/2.png" alt="about img">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End of About Area -->
        <!-- Start of Team Area -->
        <section id="team-area" class="team-area sbg-4 ptb-100" data-black-overlay="9">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                        <div class="section-title text-center section-title-2">
                            <h2 class="title-line">OUR TEAM MEMBER</h2>
                            <p>Lorem Ipsum is simply dummy text of the printing</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="team-list clearfix">
                        <!--Start Single team Area -->
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <div class="single-team">
                                 <span class="teamshape shape-1"><img class="img-responsive" src="images/team/shape/shape-1.png" alt=""></span>
                                <span class="teamshape shape-2"><img class="img-responsive" src="images/team/shape/shape-2.png" alt=""></span>
                                <div class="single-team-inner">
                                    <div class="team-thumb">
                                        <img src="images/team/1.png" alt="team img">
                                        <div class="team-bor-style"></div>
                                    </div>
                                    <div class="team-info">
                                        <div class="team-name-deg">
                                            <h3><a href="#">David Ramon</a></h3>
                                            <p>Progect Manager.</p>
                                        </div>
                                        <div class="team-social-net">
                                            <ul class="social-icon">
                                                <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-tumblr"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-dribbble"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--End Single team Area -->
                        <!--Start Single team Area -->
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <div class="single-team">
                                 <span class="teamshape shape-1"><img class="img-responsive" src="images/team/shape/shape-1.png" alt=""></span>
                                <span class="teamshape shape-2"><img class="img-responsive" src="images/team/shape/shape-2.png" alt=""></span>
                                <div class="single-team-inner">
                                    <div class="team-thumb">
                                        <img src="images/team/2.png" alt="team img">
                                        <div class="team-bor-style"></div>
                                    </div>
                                    <div class="team-info">
                                        <div class="team-name-deg">
                                            <h3><a href="#">David Ramon</a></h3>
                                            <p>Progect Manager.</p>
                                        </div>
                                        <div class="team-social-net">
                                            <ul class="social-icon">
                                                <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-tumblr"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-dribbble"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--End Single team Area -->
                        <!--Start Single team Area -->
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <div class="single-team">
                                 <span class="teamshape shape-1"><img class="img-responsive" src="images/team/shape/shape-1.png" alt=""></span>
                                <span class="teamshape shape-2"><img class="img-responsive" src="images/team/shape/shape-2.png" alt=""></span>
                                <div class="single-team-inner">
                                    <div class="team-thumb">
                                        <img src="images/team/3.png" alt="team img">
                                        <div class="team-bor-style"></div>
                                    </div>
                                    <div class="team-info">
                                        <div class="team-name-deg">
                                            <h3><a href="#">David Ramon</a></h3>
                                            <p>Progect Manager.</p>
                                        </div>
                                        <div class="team-social-net">
                                            <ul class="social-icon">
                                                <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-tumblr"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-dribbble"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--End Single team Area -->
                        <!--Start Single team Area -->
                        <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                            <div class="single-team">
                                 <span class="teamshape shape-1"><img class="img-responsive" src="images/team/shape/shape-1.png" alt=""></span>
                                <span class="teamshape shape-2"><img class="img-responsive" src="images/team/shape/shape-2.png" alt=""></span>
                                <div class="single-team-inner">
                                    <div class="team-thumb">
                                        <img src="images/team/4.png" alt="team img">
                                        <div class="team-bor-style"></div>
                                    </div>
                                    <div class="team-info">
                                        <div class="team-name-deg">
                                            <h3><a href="#">David Ramon</a></h3>
                                            <p>Progect Manager.</p>
                                        </div>
                                        <div class="team-social-net">
                                            <ul class="social-icon">
                                                <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-tumblr"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                                <li><a href="#"><i class="zmdi zmdi-dribbble"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--End Single team Area -->
                    </div>
                </div>
            </div>
        </section>
        <!-- End of Team Area -->
        <!--Start our Testimonial Area -->
        <section id="testimonial-area" class="our-testimonial-area bg-white ptb-100">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                        <div class="section-title text-center">
                            <h2 class="title-line">企业宗旨</h2>
                            <p>Corporate Purpose</p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3 col-sm-12 col-xs-12">
                        <!--Start Testimonial Text Slider -->
                        <div class="testimonial-text-slider text-center">
                            <div class="sin-testiText">
                                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们创业公司的企业宗旨是为社会创造积极的变革和影响。我们致力于通过创新和创业精神，为人们带来解决方案和价值，推动社会的进步和发展。我们的目标是不断探索和开拓新的领域，挖掘潜在的机会，并以创新的思维和方法解决现实世界面临的问题。我们相信，创业是一种力量，可以改变人们的生活方式、提升社会的效率和可持续发展。 </p>
                            </div>
                        </div>
                        <!--End Testimonial Text Slider -->
                        <!-- Testimonial Wrap -->
                        <div class="testimonial-wrap">
                            <div class="testimonial-image-slider text-center">
                                <!-- Start Single Testimg -->
                                <div class="sin-testiImage">
                                    <div class="text-thumb">
                                        <img src="images/testimonial/1.png" alt="testimonial 1"/>
                                    </div>
                                    <div class="test-info">
                                        <h4>Nipa Bali</h4>
                                        <p>Chief Exceutive.</p>
                                        <ul class="social-icon">
                                            <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-tumblr"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-dribbble"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- End Single Testimg -->
                                <!-- Start Single Testimg -->
                                <div class="sin-testiImage">
                                    <div class="text-thumb">
                                        <img src="images/testimonial/2.png" alt="testimonial 1" />
                                    </div>
                                    <div class="test-info">
                                        <h4>Samira</h4>
                                        <p>Chief Exceutive</p>
                                        <ul class="social-icon">
                                            <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-tumblr"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-dribbble"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- End Single Testimg -->
                                <!-- Start Single Testimg -->
                                <div class="sin-testiImage">
                                    <div class="text-thumb">
                                        <img src="images/testimonial/3.png" alt="testimonial 1"/>
                                    </div>
                                    <div class="test-info">
                                        <h4>Chapa</h4>
                                        <p>Chief Exceutive</p>
                                        <ul class="social-icon">
                                            <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-tumblr"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-dribbble"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- End Single Testimg -->
                                <!-- Start Single Testimg -->
                                <div class="sin-testiImage">
                                    <div class="text-thumb">
                                        <img src="images/testimonial/1.png" alt="testimonial 1"/>
                                    </div>
                                    <div class="test-info">
                                        <h4>Dola</h4>
                                        <p>Chief Exceutive</p>
                                        <ul class="social-icon">
                                            <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-tumblr"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-dribbble"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- End Single Testimg -->
                                <!-- Start Single Testimg -->
                                <div class="sin-testiImage">
                                    <div class="text-thumb">
                                        <img src="images/testimonial/2.png" alt="testimonial 1" />
                                    </div>
                                    <div class="test-info">
                                        <h4>Alax Jone</h4>
                                        <p>Chief Exceutive</p>
                                        <ul class="social-icon">
                                            <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-tumblr"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-dribbble"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- End Single Testimg -->
                                <!-- Start Single Testimg -->
                                <div class="sin-testiImage">
                                    <div class="text-thumb">
                                        <img src="images/testimonial/2.png" alt="testimonial 1" />
                                    </div>
                                    <div class="test-info">
                                        <h4>Sadia</h4>
                                        <p>Chief Exceutive</p>
                                        <ul class="social-icon">
                                            <li><a href="#"><i class="zmdi zmdi-facebook"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-tumblr"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-linkedin"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-rss"></i></a></li>
                                            <li><a href="#"><i class="zmdi zmdi-dribbble"></i></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- End Single Testimg -->
                            </div>
                        </div>
                        <!--End Testimonial Wrap -->
                    </div>
                </div>
            </div>
        </section>
        <!--End our Testimonial Area -->
        <!-- Start funfact area -->
        <div class="tf-section funfact-area sbg-5 ptb-100" data-black-overlay="8">
            <div class="container">
                <div class="row">
                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                        <div class="section-title text-center section-title-2">
                            <h2 class="title-line">FUN FACTS</h2>
                            <p>Lorem Ipsum is simply dummy text of the printing</p>
                        </div>
                    </div>  
                </div>
                <div class="row">
                    <!--Start Single Fanfact Area -->
                    <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                        <div class="single-fact text-center">
                            <div class="fact-title">
                                <h2>HAPPY CLIENTS</h2>
                            </div>
                            <div class="fact-count">
                                <h2 class="count">2354</h2>
                            </div>
                        </div>
                    </div>
                    <!--End Single Fanfact Area -->
                    <!--Start Single Fanfact Area -->
                    <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                        <div class="single-fact text-center">
                            <div class="fact-title">
                                <h2>HAPPY CLIENTS</h2>
                            </div>
                            <div class="fact-count">
                                <h2 class="count">2354</h2>
                            </div>
                        </div>
                    </div>
                    <!--End Single Fanfact Area -->
                    <!--Start Single Fanfact Area -->
                    <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                        <div class="single-fact text-center">
                            <div class="fact-title">
                                <h2>HAPPY CLIENTS</h2>
                            </div>
                            <div class="fact-count">
                                <h2 class="count">2354</h2>
                            </div>
                        </div>
                    </div>
                    <!--End Single Fanfact Area -->
                    <!--Start Single Fanfact Area -->
                    <div class="col-md-3 col-lg-3 col-sm-6 col-xs-12">
                        <div class="single-fact text-center">
                            <div class="fact-title">
                                <h2>HAPPY CLIENTS</h2>
                            </div>
                            <div class="fact-count">
                                <h2 class="count">2354</h2>
                            </div>
                        </div>
                    </div>
                    <!--End Single Fanfact Area -->
                </div>
            </div>
        </div>
        <!-- End funfact area -->
        <!-- Start of Brand Area -->
        <div class="tf-brand-area ptb-100 bg-white xtb-60">
            <div class="container">
                <div class="brand-row">
                    <div class="brand-wrap">
                        <div class="single-brand">
                            <a href="#"><img src="images/brand/1.png" alt="brand images"></a>
                        </div>
                        <div class="single-brand">
                            <a href="#"><img src="images/brand/2.png" alt="brand images"></a>
                        </div>
                        <div class="single-brand">
                            <a href="#"><img src="images/brand/3.png" alt="brand images"></a>
                        </div>
                        <div class="single-brand">
                            <a href="#"><img src="images/brand/4.png" alt="brand images"></a>
                        </div>
                        <div class="single-brand">
                            <a href="#"><img src="images/brand/5.png" alt="brand images"></a>
                        </div>
                        <div class="single-brand">
                            <a href="#"><img src="images/brand/6.png" alt="brand images"></a>
                        </div>
                        <div class="single-brand">
                            <a href="#"><img src="images/brand/1.png" alt="brand images"></a>
                        </div>
                        <div class="single-brand">
                            <a href="#"><img src="images/brand/7.png" alt="brand images"></a>
                        </div>                    
                    </div>
                </div>
            </div>
        </div>
        <!-- End of Brand Area -->
        <!-- Start of Footer Area -->
        <footer id="footer" class="footer-area footer-bg pt-100">
            <div class="footer-top-area pb-50">
                <div class="container">
                    <div class="row">
                        <div class="col-md-2 col-lg-2 col-sm-6 col-xs-12">
                            <div class="foo-single-widget">
                                <div class="footer-title">
                                    <h2>Customer Care</h2>
                                </div>
                                <ul>
                                    <li><a href="#">Terms & Condition</a></li>
                                    <li><a href="#">Contact Us</a></li>
                                    <li><a href="#">Shipping Charge</a></li>
                                    <li><a href="#">Shipping Tract</a></li>
                                    <li><a href="#">Payment Method</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-2 col-md-offset-1 col-lg-2 col-lg-offset-1 col-sm-6 col-xs-12">
                            <div class="foo-single-widget border-left">
                                <div class="footer-title">
                                    <h2>Your Account</h2>
                                </div>
                                <ul>
                                    <li><a href="#">My Account</a></li>
                                    <li><a href="#">Affiliate Dashboard</a></li>
                                    <li><a href="#">Billing Address</a></li>
                                    <li><a href="#">Cancel Order</a></li>
                                    <li><a href="#">Cancel Order</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-2 col-md-offset-1 col-lg-2 col-lg-offset-1 col-sm-6 col-xs-12">
                            <div class="foo-single-widget border-left smmt-30">
                                <div class="footer-title">
                                    <h2>Shop Information</h2>
                                </div>
                                <ul>
                                    <li><a href="#">About company</a></li>
                                    <li><a href="#">Become Member</a></li>
                                    <li><a href="#">License Details</a></li>
                                    <li><a href="#">Tax Information</a></li>
                                    <li><a href="#">Job & Vacancics</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-3 col-md-offset-1 col-lg-3 col-lg-offset-1 col-sm-6 col-xs-12">
                            <div class="foo-single-widget border-left smmt-30">
                                <div class="logo">
                                    <img src="images/logo/2.png" alt="logo images">
                                </div>
                                <p class="ft-pra-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna the aliqua. Ut enim ad minim commodo consequat.</p>
                                <p class="ft-pra-2">404, Mark Twain Tower, Saint MG Road,
                                United States</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom-area">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                            <div class="copy-right-text">
                                <p>Copyright © 2016 <a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a></p>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                            <ul class="social-icon">
                                <li><a href="#"><i class="zmdi zmdi-facebook"></i>
                                </a></li>
                                <li><a href="#"><i class="zmdi zmdi-twitter"></i>
                                </a></li>
                                <li><a href="#"><i class="zmdi zmdi-linkedin"></i>
                                </a></li>
                                <li><a href="#"><i class="zmdi zmdi-rss"></i></a>
                                </li>
                                <li><a href="#"><i class="zmdi zmdi-dribbble"></i>
                                </a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!--End of Footer Area -->
        <!--start back to top -->
        <div class="hidden-xs" id="back-top"><i class="zmdi zmdi-chevron-up"></i></div>
        <!-- End back to top -->

        <!--style-customizer start -->
        <div class="style-customizer closed">
            <div class="buy-button">
                <a href="index.html" class="customizer-logo"><img src="images/logo/tasfiu.png" alt="Theme Logo"></a>
                <a class="opener" href="#"><i class="fa fa-cog fa-spin" aria-hidden="true"></i></a>
            </div>
            <div class="clearfix content-chooser">
                <h3>Layout Options</h3>
                <p>Which layout option you want to use?</p>
                <ul class="layoutstyle clearfix">
                    <li class="wide-layout selected" data-style="wide" title="wide"> Wide </li>
                    <li class="boxed-layout" data-style="boxed" title="boxed"> Boxed </li>
                </ul>
                <h3>Color Schemes</h3>
                <p>Which theme color you want to use? Select from here.</p>
                <ul class="styleChange clearfix">
                    <li class="skin-default selected" title="skin-default" data-style="skin-default" ></li>
                    <li class="skin-amber" title="amber" data-style="skin-amber"></li>
                    <li class="skin-blue-grey" title="blue-grey" data-style="skin-blue-grey"></li>
                    <li class="skin-blue" title="blue" data-style="skin-blue"></li>
                    <li class="skin-cyan" title="cyan" data-style="skin-cyan"></li>
                    <li class="skin-green-dark" title="green-dark" data-style="skin-green-dark"></li>
                    <li class="skin-green" title="green" data-style="skin-green"></li>
                    <li class="skin-maroon" title="maroon" data-style="skin-maroon"></li>
                    <li class="skin-orenge" title="orenge" data-style="skin-orenge"></li>
                    <li class="skin-pink" title="pink" data-style="skin-pink"></li>
                    <li class="skin-purple" title="purple" data-style="skin-purple"></li>
                    <li class="skin-teal" title="teal" data-style="skin-teal"></li>
                </ul>
                <h3>Background Patterns</h3>
                <p>Which background pattern you want to use?</p>
                    <ul class="patternChange clearfix">
                    <li class="pattern-1" data-style="pattern-1" title="pattern-1"></li>
                    <li class="pattern-2" data-style="pattern-2" title="pattern-2"></li>
                    <li class="pattern-3" data-style="pattern-3" title="pattern-3"></li>
                    <li class="pattern-4" data-style="pattern-4" title="pattern-4"></li>
                    <li class="pattern-5" data-style="pattern-5" title="pattern-5"></li>
                    <li class="pattern-6" data-style="pattern-6" title="pattern-6"></li>
                    <li class="pattern-7" data-style="pattern-7" title="pattern-7"></li>
                    <li class="pattern-8" data-style="pattern-8" title="pattern-8"></li>
                </ul>
                <h3>Background Images</h3>
                <p>Which background image you want to use?</p>
                <ul class="patternChange main-bg-change clearfix">
                    <li class="main-bg-1" data-style="main-bg-1" title="Background 1"> <img src="images/customizer/bodybg/01.jpg" alt=""></li>
                    <li class="main-bg-2" data-style="main-bg-2" title="Background 2"> <img src="images/customizer/bodybg/02.jpg" alt=""></li>
                    <li class="main-bg-3" data-style="main-bg-3" title="Background 3"> <img src="images/customizer/bodybg/03.jpg" alt=""></li>
                    <li class="main-bg-4" data-style="main-bg-4" title="Background 4"> <img src="images/customizer/bodybg/04.jpg" alt=""></li>
                    <li class="main-bg-5" data-style="main-bg-5" title="Background 5"> <img src="images/customizer/bodybg/05.jpg" alt=""></li>
                    <li class="main-bg-6" data-style="main-bg-6" title="Background 6"> <img src="images/customizer/bodybg/06.jpg" alt=""></li>
                    <li class="main-bg-7" data-style="main-bg-7" title="Background 7"> <img src="images/customizer/bodybg/07.jpg" alt=""></li>
                    <li class="main-bg-8" data-style="main-bg-8" title="Background 8"> <img src="images/customizer/bodybg/08.jpg" alt=""></li>
                </ul>
                <ul class="resetAll">
                    <li><a class="button button-border button-reset" href="#">Reset All</a></li>
                </ul>
            </div>
        </div>
        <!--style-customizer end -->

    </div>
    
    <!-- Body main wrapper end -->
    <!-- Placed js at the end of the document so the pages load faster -->

    <!-- jquery latest version -->
    <script src="js/vendor/jquery-1.12.0.min.js"></script>
    <!-- Bootstrap framework js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- Owl Carousel framework js -->
    <script src="js/owl.carousel.min.js"></script>
    <!-- All js plugins included in this file. -->
    <script src="js/plugins.js"></script>
    <!-- Slick min.js. -->
    <script src="js/slick.min.js"></script>
    <!-- Waypoints.min.js. -->
    <script src="js/waypoints.min.js"></script>
    <!-- Main js file that contents all jQuery plugins activation. -->
    <script src="js/main.js"></script>

</body>
</html>        